<template>
<!-- 商品列表 -->
  <div id="commodity_list">
    <commodity-item v-for="item of commoditys" :key="item.show" :commodity-item="item" />
  </div>
</template>

<script>
import CommodityItem from "@/components/common/commodityList/CommodityItem";
export default {
  name: "commodityList",
  components: {CommodityItem},
  props:{
    commoditys:{
      type:Array,
      defaults:[]
    }
  },
  methods:{
  },
  mounted() {

  },
  deactivated() {
  }
}
</script>

<style scoped>
#commodity_list{
  display: flex;
  position: relative;
  flex-wrap: wrap;

  width: 100%;
  height: auto;
  text-align: center;
}
</style>
